<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商城官网</title>
    <link rel="stylesheet" href="./css/common.css">
</head>

<body>
    <!-- 1.头部 -->
    <div class="head">
        <div class="center">
            <div class="left">
                <h5>
                    <img src="./img/clock.png">
                    <span>在线时间 08:30~21:30</span>
                </h5>

                <p>
                    欢迎访问家用设备在线商城!
                </p>
            </div>

            <div class="right">
                <ul>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="#"><img src="./img/gwc.png"><span>1</span></a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 导航栏 -->
    <div class="nav">
        <div class="center">
            <h3>XXX官网商城</h3>
            <div class="other">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">所有商品</a></li>
                    <li><a href="#">商城动态</a></li>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">线下门店</a></li>
                </ul>
                <div class="search">
                    <input type="text" placeholder="请输入关键字">
                    <button>搜索</button>
                </div>
            </div>
        </div>
    </div>


    <div style="height: 500px;">

    </div>


    <!-- 11页尾 -->
    <div class="foot">
        <!-- 12页尾1 -->
        <div class="foot1">
            <div class="center">
                <div class="left">
                    <ul>
                        <li>
                            <h4>About Change</h4>
                            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                        </li>

                        <li>
                            <h4>Service</h4>
                            <p>消費者保障服务</p>
                            <p>七天无理由退款</p>
                            <p>假一赔三</p>
                        </li>

                        <li>
                            <h4>About Color</h4>
                            <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                        </li>

                        <li>
                            <h4>Online Payment</h4>
                            <p>
                                <img src="./img/yinglian.png" alt="">
                                <img src="./img/zhifubao.png" alt="">
                                <img src="./img/weixin.png" alt="">
                            </p>
                        </li>

                        <li>
                            <h4>Online Payment</h4>
                            <p>非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                        </li>

                        <li>
                            <h4>Wechat</h4>
                            <p>非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                        </li>
                    </ul>
                </div>

                <div class="right">
                    <div>
                        <h4>Social App</h4>
                        <img src="./img/app.png" alt="">
                    </div>
                </div>
            </div>
        </div>

        <!-- 13页尾2 -->
        <div class="foot2">
            <div class="center">
                <ul>
                    <li>
                        <h4>关于产品</h4>
                        <span>about color</span>
                        <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                    </li>

                    <li>
                        <h4>关于退货</h4>
                        <span>about change</span>
                        <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                    </li>

                    <li>
                        <h4>责任声明</h4>
                        <span>about color</span>
                        <p>本店商品均为易碎品，非质量问题谢绝退货，如有质量问题，本店承担运费调换</p>
                    </li>

                    <li>
                        <h4>扫码关注</h4>
                        <span>about change</span>
                        <img src="./img/erweima.jpg" alt="">
                        <p>搜索微信号: youzhifang17</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>